﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="About.aspx.cs" Inherits="About" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>网络流量包分析</title>
    <!-- CSS -->
    <style type="text/css">
      html,
      body {
        height: 100%;
        font-family: "宋体", "楷体", sans-serif;   
        /* The html and body elements cannot have any padding or margin. */
      }

      /* Wrapper for page content to push down footer */
      #wrap {
        min-height: 100%;
        height: auto !important;
        height: 100%;
        /* Negative indent footer by it's height */
        margin: 0 auto -60px;
      }

      /* Set the fixed height of the footer here */
      #push,
      #footer {
        height: 60px;
      }
      #footer {
        background-color: #f5f5f5;
        text-align:center;
      }

      /* Lastly, apply responsive CSS fixes as necessary */
      @media (max-width: 767px) {
        #footer {
          margin-left: -20px;
          margin-right: -20px;
          padding-left: 20px;
          padding-right: 20px;
        }
      }
        /* Main discription message and sign up button */
      .jumbotron {
        margin: 60px 0;
        text-align: center;
      }
      .jumbotron h1 {
        font-size: 72px;
        line-height: 1;
      }
      .jumbotron .btn2 {
        font-size: 21px;
        padding: 10px 24px;
        width: 150px
      }
      /* Custom page CSS
      -------------------------------------------------- */
      /* Not required for template or sticky footer method. */

      .container {
        width: auto;
        max-width: 680px;
      }
      .container .credit {
        margin: 20px 0;
      }
    </style>
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen" />
  </head>

  <body>

    <!-- Part 1: Wrap all page content here -->
    <div id="wrap">

      <!-- Begin page content -->
      <div class="container">
        <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li><a href="Default.aspx">首页</a></li>
          <li class="active"><a href="About.aspx">关于</a></li>
        </ul>
        <h2 class="muted">网络流量包分析</h3>
      </div>
      <hr/>
      <div style="font-size:16px;line-height:150%;color: #666;">
      <p>网络流量包的统计信息有如下几类：</p>
      <ul>
      <li>总流量统计：网络流量随时间变化的信息，相对时间以第一个抓包为基准，流量单位为kb/s</li>
      <li>IP到IP流量统计：根据两个IP之间相互发送的数据包统计得出</li>
      <li>IP到IP网络延时统计：根据TCP建立连接时前两次握手的时间差来计算</li>
      <li>网络服务应用统计：只统计成功建立了TCP的服务，通过三次握手的数据包可识别服务端和客户端</li>
      <li>网络服务Client节点统计：和上面统计方法一样，展示的数据不同而已，节点数理解为连接某一服务IP-端口对的数目</li>
      </ul>
      </div>
      </div>

      <div id="push"></div>
    </div>

    <div id="footer">
      <div class="container">
        <p class="muted credit">&copy; 2013 by Jimmy</p>
      </div>
    </div>

  </body>
</html>
